<template lang="html">
  <div class="course">
   	<div class="nav">
   		<router-link tag="div" to="/index/home/remind" class="remind">提醒</router-link>
   		<div class="center">
   			<router-link tag="div" to="/index/home/course/detaile" class="schedule">课表</router-link>
   			<router-link tag="div" to="/index/home/notes" class="note">笔记</router-link>
   		</div>
   		<div class="imgs">
   			<img src="../images/xiaoxi3.png">
   		</div>
   	</div>
<router-view></router-view>
  </div>
</template>

<script>
export default {
    data() {
      return {
      
      }
    }
}
 
 
	
</script>

<style scoped lang="less">





.nav{
	width: 100%;
	display: flex;
	height: 90/100rem;
	background: #3DAE95;
	
}
.center{
	width: 400/100rem;
	flex: 1;
	display: flex;
	.schedule,.note{
		width: 200/100rem;
		flex: 1;
		height: 62/100rem;
		margin-top: 15/100rem;
		line-height: 60/100rem;
		text-align: center;
		color: #ffffff;
		font-size: 38/100rem;
	}
}

.remind,.imgs{
	flex: 1;
	color: #ffffff;

		
}
.remind{
	line-height: 110/100rem;
	text-align: center;
	font-size: 28/100rem;
	color: #ffffff;
	
}


.schedule{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-radius: 10px 0 0 10px;

}
.note{
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-radius: 0 10px 10px 0;
}
.imgs{
		line-height: 90/100rem;
		text-align: center;
	
		flex: 1;
}
.imgs img{
	width: 60/100rem;
	color: #ffffff;

}
.active{
	background: #ffffff;
	color:#3DAE95; 
}

.el-date-editor{
	
	margin-top: 20/100rem;
}




</style>
